<header class="g-hd">

    <div class="hd">
        <div class="common-width">
            <div class="about">
                <span><a href="/">MINTHOUZ</a></span>
                <span><a href="/{$code}/about.html">About Us</a></span>
                <span><a href="https://www.facebook.com/Minthouz/" target="_blank">Find Us on Facebook</a></span>
            </div>

            <div class="store">
                <span><a href="https://www.amazon.com.au/s?k=minthouz&ref=nb_sb_noss_2" target="_blank">Amazon</a></span>
                <span><a href="#" target="_blank">Newegg</a></span>
            </div>
        </div>
    </div>

    <div class="nav" id="nav">
        <div class="common-width">
            <div class="logo">
                <h1>
                    <a href="/">
                        <img src="{$BaseSetting.logo}" alt="">
                    </a>
                </h1>
            </div>

            <div class="menu-box">
                <ul class="menu-list" id="menu-list">
                    <li class="menu-item">
                        <a class="item-link" href="/{$code}/product/index.html">All Products</a>

                        <!--<div class="all-category">
                            <ul class="category-list">
                                <li class="category-item">
                                    <a href="#">USB Fan</a> <span class="iconfont iconnext"></span>
                                    <div class="box">
                                    </div>
                                </li>
                                <li class="category-item"><a href="#">Table Lamp</a> <span class="iconfont iconnext"></span></li>
                                <li class="category-item"><a href="#">Holder</a> <span class="iconfont iconnext"></span></li>
                                <li class="category-item"><a href="#">Humidifier</a> <span class="iconfont iconnext"></span></li>
                                <li class="category-item"><a href="#">Aromatherapy Diffuse</a> <span class="iconfont iconnext"></span></li>
                                <li class="category-item"><a href="#">Others</a> <span class="iconfont iconnext"></span></li>
                            </ul>
                        </div>-->

                    </li>
                    {volist name="treeCategory" id="vo"}
                    <li class="menu-item">
                        <a class="item-link" href="/{$code}/product/index.html">{$vo.name}</a>
                        {notempty name="vo.products"}
                        <div class="item-children">
                            <ul class="common-width">
                                {volist name="vo.products" id="lo"}
                                <li class="children-list">
                                    <a href="/{$code}/product/{$lo.url_title}/detail.html">
                                        <img src="{$lo.thumbnail}" alt="">
                                        <p>{$lo.title}</p>
                                    </a>
                                </li>
                                {/volist}
                            </ul>
                        </div>
                        {/notempty}
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>

</header>
